﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>系统菜单维护</title>
    <link rel="stylesheet" href="css/element-ui/index.css">
    <link rel="stylesheet" href="css/element-ui/element-ui.css">
    <link rel="stylesheet" href="plat-menu.css?v=1.0.1">
    <link rel="stylesheet" href="css/style.winning.css?v=1.0.1">
    <link href="fonts/ali-iconfont/iconfont.css" rel="stylesheet" type="text/css">
    <style>

    </style>
</head>
<body>
<div id="app" v-cloak>
    <el-container class="hight100">
        <el-aside id="el1" height="100%" class="hight100">
            <el-row class="tac"  id="el11" stripe="false" >
                <el-col id="el2" :span="12"  stripe="false">
                    <el-menu
                            default-active="0"
                            stripe="false"
                            height="100%">
                        <el-menu-item  id="el3" :index=index.toString()  v-for="(item,index) in yyzcList" @click="treeClick(item)">
                            <span >{{item.yymc}}</span>
                        </el-menu-item>
                    </el-menu>
                </el-col>
            </el-row>
        </el-aside>

        <el-container  id="el4" >
            <el-header id="el5"  align="middle">
                <el-container class="width100">
                    <el-row  id="el6" >
                        <el-col :span="8">
                            <el-input placeholder="请输入菜单名称 / 编码查询" v-model="searchName"  @keyup.enter.native="getTableData" class="mt8">
                                <el-button slot="append"  type="primary"  @click="getTableData">查询</el-button>
                            </el-input>
                        </el-col>
                        <el-col id="el8" :span="4" :offset="12" >
                            <el-button type="primary" size="small"  @click="openCd('add','')">新增菜单</el-button>
                        </el-col>
                    </el-row>
                </el-container>
            </el-header>
            <el-main  id="el9">
                <el-table
                        :data="tableData"
                        style="width: 100%;margin-bottom: 20px;"
                        row-key="id"
                        v-model="tableData"
                        :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
                        :formatter="formatJlzt"
                        ref="gncdTree"
                        show-overflow-tooltip
                >

                    <el-table-column
                            prop="name"
                            label="菜单名称"
                            width="280"
                            show-overflow-tooltip
                    >
                    </el-table-column>
                    <el-table-column
                            prop="fcode"
                            label="菜单编码"
                            show-overflow-tooltip
                    >
                    </el-table-column>
                    <el-table-column
                            prop="active"
                            label="菜单状态"
                            align="center" >
                        <template scope="scope">
                            <span v-if="scope.row.active=== 'Y'"><font color="#07BFA7">启用</font></span>
                            <span v-else-if="scope.row.active=== 'N'"><font color="#ff6666">停用</font></span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            label="操作"
                            align="center"
                            width="200">
                        <template slot-scope="scope">

                            <i style="font-size: 140%"  @click="openCd('edit',scope.row)" class="btn-eidt-wn" title="修改"></i>
                            <svg class="icon"  @click="moveUp(scope.row)" aria-hidden="true" style="margin-right: -6px"><title>上移</title><use xlink:href="#icon-shangyi1"></use></svg>
                            <svg class="icon" @click="moveDown(scope.row)" aria-hidden="true" ><title>下移</title><use xlink:href="#icon-xiayi1"></use></svg>

                        </template>
                    </el-table-column>
                </el-table>
            </el-main>

        </el-container>

    </el-container>
</div>

</body>

<script src="js/plugins/vue/vue.js"></script>
<script src="js/plugins/element-ui/index.js"></script>
<script type="text/javascript" src="js/jquery.min.js?v=3.5.1"></script>
<script type="text/javascript" src="platcommon/common.js"></script>
<script type="text/javascript" src="plat-menu.js"></script>
<script type="text/javascript" src="js/plugins/layer/layer.min.js"></script>
<script type="text/javascript" src="platcommon/layer-wn.js"></script>
<script type="text/javascript" src="fonts/ali-iconfont/iconfont.js"></script>

</html>